<template>
    <div>
        <van-nav-bar title="个人" />
<!-- 设置垂直间距 -->
   <van-skeleton :row="7" :loading="!ispd"/>
   <div v-if="ispd">
<van-row :gutter="[20, 20]">
  <van-col span="12">
    <van-image
  round
  width="10rem"
  height="10rem"
  src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
  style="margin-left: 20px; margin-top: 20px;"
/>
  </van-col>
  <van-col span="12">
    <p>姓名：{{ store.mydata.username }}</p>
    <p>手机号：{{ store.mydata.sjh }}</p>
    <p>个性签名：{{ store.mydata.gx }}</p>
  </van-col>
</van-row>
<div>
  <van-cell title="我的地址" is-link />
  <van-cell title="我的订单" is-link to="/myorder" />
  <van-cell title="我的积分" is-link />
  <van-cell title="售后客服" is-link />  
</div>
 </div>
    </div>
</template>

<script setup>
import { ref } from "vue";
import { useCounterStore } from '@/stores/my'
// 可以在组件中的任意位置访问 `store` 变量 ✨
const store = useCounterStore()
console.log(store.mydata);
 let ispd=ref(false)
    setTimeout(()=>{
        ispd.value=true
    },1500)
</script>

<style lang="scss" scoped>

</style>